<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
    <title>#{get 'title' /}</title>		
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <link rel="stylesheet" type="text/css" media="screen" href="@{'/public/stylesheets/main.css'}" />
    <link rel="stylesheet" type="text/css" media="screen" href="@{'/public/stylesheets/datatable_jui.css'}" />
    <link rel="stylesheet" type="text/css" media="screen" href="@{'/public/stylesheets/jquery-ui-1.8.4.custom.css'}" />
	<script src="@{'/public/javascripts/menuDeroulant.js'}" type="text/javascript" ></script>
    <script src="@{'/public/javascripts/jquery-1.5.min.js'}" type="text/javascript"></script>
    <script src="@{'/public/javascripts/DataTables-1.7.5/media/js/jquery.dataTables.js'}" type="text/javascript" ></script>
    <script type="text/javascript">
	    $(document).ready(function() {
	        oTable = $('.display').dataTable({
	            "bJQueryUI": true,
	            "sPaginationType": "full_numbers"
	        });
	    } );
    	
	    $(document).ready(function () {
	        $("ul.menu_body li:even").addClass("alt");
	        $('img.menu_head').click(function () {
	            $('ul.menu_body').slideToggle('medium');
	        });
	        $('ul.menu_body li a').mouseover(function () {
	            $(this).animate({ fontSize: "14px", paddingLeft: "20px" }, 50 );
	        });
	    });
    </script>
  
 

    
</head>
<style type="text/css"> 
@import "../../../public/javascripts/jquery-ui-1.8.13.custom/css/ui-lightness/jquery-ui-1.8.13.custom.css";
</style>
<body>

    <div id="header">
        <div id="logo">
            <a href="@{Application.index}" alt="Retour au choix de l'application" ><img src="@{'/public/images/logo(1).jpg'}"/></a>
        </div>
        <ul id="tools">
            <b>
	            #{if agent_grade!=null}
	            	${agent_grade}
	           	#{/if}
	           	${agent_fullname}
           	</b>
            | <a href="#">Mon Profil</a>
            | <a href="@{Secure.logout()}">D&eacute;connexion</a>
            | <a href="@{Application.index()}">Retour &agrave; l'accueil</a>
        </ul>
    </div>

    <div class="tabs">
		<div class="tab">
			
				<div id="tab_stage" class="${request.controller == 'Stages' ? 'selected' : ''}" >
					Stages
				</div>
			
			
		</div>
            
        
        
        
        <a href="@{Candidats.candidatures}" class="tab">
            <div id="tab_candidature" class="${request.action == 'Candidats.candidatures' || request.action == 'Candidats.demandeAnnulation' ? 'selected' : ''}" >
                Vos Candidatures
            </div>
        </a>
        #{if chef_CIS}
            #{if nb_demande_auto>0}
            <a href="@{CISs.autorisationCandidatures}" class="tab">
                <div id="tab_candidature" class="${request.controller == 'CISs' ? 'selected' : ''}" style="text-decoration: blink;">
                    Autorisation Candidatures(${nb_demande_auto})
                </div>
            </a>
            #{/if}
            #{else}
            <a href="@{CISs.autorisationCandidatures}" class="tab">
                <div id="tab_candidature" class="${request.controller == 'CISs' ? 'selected' : ''}" >
                    Autorisation Candidatures
                </div>
            </a>
            #{/else}
        #{/if}
        #{if gestionnaireFonct || gestionnaireTerri || admin}
            <a href="@{Candidats.validationCandidatures}" class="tab">
                <div id="tab_candidature" class="${request.action == 'Candidats.validationCandidatures' ? 'selected' : ''}" >
                    Validation Candidatures
                </div>
            </a>    
       #{/if}
        #{if gestionnaireFonct || gestionnaireTerri || admin}
        <a href="@{Candidats.listDemandeAnnulation}" class="tab">
            <div id="tab_candidature" class="${request.action == 'Candidats.listDemandeAnnulation' ? 'selected' : ''}" >
                Annulation des candidatures
            </div>
        </a>
        <a href="@{Candidats.gestionCandidatures}" class="tab">
            <div id="tab_candidature" class="${request.action == 'Candidats.gestionCandidatures' || request.action == 'Candidats.validation' || request.action == 'Candidats.annulation' || request.action == 'Candidats.listeAttente' || request.action == 'Candidats.ajouterCandidature' ? 'selected' : ''}" >
                G&eacute;rer les candidatures
            </div>
        </a>
        #{/if}
    </div>
    
    <div id="main">
        #{if flash.error}
        <p class="error">
            ${flash.error}
        </p>
        #{/if}
        #{if flash.success}
        <p class="success">${flash.success}</p>
        #{/if}
        #{doLayout /} 
    </div>

</body>
</html>